<template>
	<view class="list">
		<view class="title">电影详情</view>
		<view class="item" v-for="(item, index) in data" :key="index">
			<view class="name">{{ item.nm }}</view>
			<view class="video">
				<video style="width: 100%;" :src="item.videourl"></video>
			</view>
			<view class="content">
				<view class="videoName">{{item.videoName}}</view>
				<view class="dir">导演:{{ item.dir }}</view>
				<view class="showtime">上映时间: {{ item.pubDesc }}</view>
				<view class="msg">{{ item.desc }}</view>
				<view class="sc">评分: {{ item.sc}}</view>
				<br><br>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		onLoad
	} from "@dcloudio/uni-app"
	import {
		ref
	} from 'vue'
	import {
		CONFIG
	} from "../../utils/config.js"
	import {
		userStore
	} from "../../store/userStrore.js"

	import {
		data
	} from "@/utils/data.js"

	let store = userStore()
</script>

<style>
	.name {
	  font-size: 18px;
	  color: #222;
	  margin-bottom: 10px;
	}
.item{
	text-align: center;
}
.content {
  text-align: left;
}

</style>